<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./../css/all.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/search.css">
    <link rel="stylesheet" href="../css/goodslist/content.css">
    <link rel="stylesheet" href="../css/details/details.css">
    <link rel="stylesheet" href="../css/footer.css">

</head>

<body>
    <div class="header">
        <div class="w1210 container">
            <ul>
                <li><a>收藏</a></li>
            </ul>
            <ul>
                <li class="on">
                    <span></span>
                    <a class=".logout">注销</a>
                </li>
                <li class="off active">
                    <a href="login.html">你好,&nbsp;请登录</a>&nbsp;&nbsp;
                    <a href="register.html">免费注册</a></li>
                <li class="mid active">
                    <span></span>
                    <a>会员中心</a>
                    <span></span>

                </li>
                <li class="menubox">
                    <div>
                        <a>客户服务</a>
                        <i class="ci-t"></i>
                    </div>
                    <div class="menu2">
                        <ul></ul>
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <div class="content">
        <div class="w1210 search">
            <div class="logo">
                <img src="../imgs/logo.png" style="pointer-events: none;">
            </div>
            <div class="searchbox">
                <form>
                    <input type="text" class="keyword" >
                    <input type="button" value="搜索" class="button">
                    <ul class="search-nextbox">
                    
                      
                    </ul>
                </form>
                <div class="hotwords">
                    <b>热门搜索:</b>
                    <div>
                        <!-- 数据渲染 -->
                    </div>
                </div>
            </div>
            <div class="shopcart">
                <dl>
                    <div class="addcart">0</div>
                    <dt>
                        <a href="./shopcart.html">我的购物车</a>
                        <b></b>
                        <div class="cartbox">
                            <div class="emptycart">
                                <span>购物车中还没有商品, 赶紧选购吧</span>
                            </div>
                        </div>
                    </dt>
                </dl>
            </div>
        </div>
    </div>
    <div class="navigator w1210">
        <ul>
            <li class="first"><a href="#">全部商品分类</a><i></i>
                <div class="leftmenu">
                    <ul>

                    </ul>
                </div>
            </li>
            <li class="next"><a href="#">兑换专区</a></li>
        </ul>
    </div>
    <!-- 详情页需要写的内容 -->
    <div class="main">
        <div class="w1210 detailbox">
            <div class="title">
                <b>手机数码<i>></i></b>
                <span>手机通讯<i>></i></span>
                <span>智能手机<i>></i></span>
                <span>乐视<i>></i></span>
                <em>乐事智障手机</em>
            </div>
            <div class="mainbox">
                <!-- 放大镜部分 -->
                <div class="enlarge">
                    <div class="top show">
                        <img src="https://img1-lemall.letvimg.com/le-cloud/ad_mobile/resource/img/202112/1639393067738.jpg" alt="">
                        <div class="mask"></div>
                    </div>
                    <div class="bottom">
                        <ul class="list">
                            <li><img src="" alt=""></li>
                            <li><img src="" alt=""></li>
                            <li><img src="" alt=""></li>
                            <li><img src="" alt=""></li>
                            <li><img src="" alt=""></li>
                        </ul>
                    </div>
                    <div class="enlargebox">
                        <img src="https://img1-lemall.letvimg.com/le-cloud/ad_mobile/resource/img/202112/1639393067738.jpg"
                        width="800px" height="800px">
                    </div>

                    
                </div>
                <div class="right">
                    <div class="goodsPriceBox">
                        <p class="gooods-title">乐事空气薯片</p>
                        <div class="pricebox">
                        <span>商&nbsp;城&nbsp;价</span>
                        <h3>￥1399</h3>
                        <span>市&nbsp;场&nbsp;价</span>
                        <em>￥1999</em>
                        <div>
                            <p>累积评价</p>
                            <a>35</a>
                        </div>
                    </div>
                    </div>
                    <div class="shopserver">
                        <p><span>领&emsp;&emsp;券:</span><a>我要领券</a></p>
                        <p><span>服&emsp;&emsp;务:</span><i>由 乐视商城官方旗舰店发货并提供售后服务</i></p>
                        <p><span>配&ensp;送&ensp;至:</span><em>请选择</em>
                            <b>付款成功后,预计<span>48小时</span>内发货</b></p>
                    </div>
                    <div class="choose-wrap">
                        <div>购买数量:</div>
                        <div class="choose">
                            <input type="text" value="1" class="count">
                            <div>
                                <input type="button" value="+" class="add">
                                <input type="button" value="-" class="sub">
                            </div>
                        </div>
                        <div class="stock">
                           <!-- 渲染的 -->
                        </div>
                    </div>
                    <div class="buy">
                      <a class="buynow">立即购买</a>
                      <a class="toshopcart">加入购物车</a>
                      <a class="hover">收藏</a>
                    </div>
                </div>
                <div class="shops">
                    <ul>
                        <li><a>乐视商城官方旗舰店</a></li>
                        <li>
                            <p>商家满意度</p>
                        </li>
                        <li>
                            <p>商品描述:<i>4.8</i>分</p>
                            <p>服务态度:<i>4.8</i>分</p>
                            <p>发货速度:<i>4.8</i>分</p>
                        </li>
                        <li>
                            <p>店铺名称<span>乐视商城官方旗舰店</span></p>
                            <p>所&nbsp;&nbsp;在&nbsp;&nbsp;地</p>
                        </li>
                        <li>
                            <h3>联&nbsp;&nbsp;系&nbsp;&nbsp;客&nbsp;&nbsp;服</h3>
                            <p>在线客服</p>
                        </li>
                    </ul>
                    <div class="last">
                        <input type="button" value="进入店铺">
                        <input type="button" value="收藏店铺">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 详情页需要写的内容 -->
    <div class="footer">
        <div class="slogen">
            <div class="w1210">
                <span><img src="../imgs/footer1.jpeg"></span>
                <span><img src="../imgs/footer2.jpeg"></span>
                <span><img src="../imgs/footer3.jpeg"></span>
                <span><img src="../imgs/footer4.jpeg"></span>
            </div>
            <div class="wraper">
                <ul>
                    <li>
                        <dl>
                            <dt>新手入门</dt>
                            <dd>
                                <i></i>
                                <a href="#">购物指南</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">发票说明</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">账户安全</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>帮助中心</dt>
                            <dd>
                                <i></i>
                                <a href="#">签收必读(超级电视)</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">配送时效</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>售后服务</dt>
                            <dd>
                                <i></i>
                                <a href="#">关于电视安装(自营)</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">电视三包政策(自营)</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">电视售后维修政策(自营)</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">乐视生态产品售后政策</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>特色服务</dt>
                            <dd>
                                <i></i>
                                <a href="#">乐码通道</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">乐视商城B2BB2商城系统</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>关于我们</dt>
                            <dd>
                                <i></i>
                                <a href="#">公司介绍</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">联系我们</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">关注我们</a>
                            </dd>
                            <dd>
                                <i></i>
                                <a href="#">隐私政策</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            Copyright © 2004-2020 乐视商城 All rights reserved&nbsp;|&nbsp;京ICP备19019019号-1&nbsp;|&nbsp;<img
                src="../imgs/copyright.png">京公网安备:11010502041858号&nbsp;|&nbsp;>营业执照信息&nbsp;|&nbsp;（京）网药械信息备字（2021）第00059号
        </div>
    </div>
</body>
<script src="../js/utils.js"></script>
<script src="../js/toShopCart.js"></script>
<script src="../js/details.js"></script>
<script src="../js/enlarge.js"></script>
<script src="../js/index-login.js"></script>
</html>
